<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

        /*未访问过*/
        a:link {
            color: green;
        }

        /*已访问过*/
        a:visited{
            color: darkgray;
        }

        /*鼠标移入*/
        a:hover {
            color: coral;
        }

        /*点击*/
        a:active {
            color: cyan;
        }

        /*
            四个伪类的优先级是一样的，但是写的时候一定要按照 lvha的顺序
        */

    </style>
</head>
<body>
    <a href="https://www.baidu.com">百度一下</a>
    <a href="https://www.baidu124567.com">你就知道</a>
</body>
</html>